#{set 'moreStyles'}
    <link rel="stylesheet" href="@{'/public/stylesheets/disponibilidad.css'}">
    <link rel="stylesheet" href="@{'/public/stylesheets/jquery-ui-1.7.3.custom.css'}">
    <script src="@{'/public/javascripts/jquery-1.3.2.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery-ui-1.7.3.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>

#{/set}


#{extends 'main.html' /}
#{set title:'Establecer ciclo académico' /}

<script type="text/javascript">


function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		home_over = newImage("@{'/public/images/disponibilidad/home-over.jpg'}");
		about_us_over = newImage("@{'/public/images/disponibilidad/about-us-over.jpg'}");
		tours_over = newImage("@{'/public/images/disponibilidad/tours-over.jpg'}");
		booking_over = newImage("@{'/public/images/disponibilidad/booking-over.jpg'}");
		support_over = newImage("@{'/public/images/disponibilidad/support-over.jpg'}");
		contact_us_over = newImage("@{'/public/images/disponibilidad/contact-us-over.jpg'}");
		preloadFlag = true;
	}
}
// -->
</script>

<script>
	$(function() {
		$( ".fecha" ).datepicker();
	});
</script>

<!-- End Preload Script -->
<center>
<div color="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<table border="0" cellpadding="0" cellspacing="0" class="frame" id="Table_01">

<tr>
  <td width="62" rowspan="5" valign="top"><img src="@{'/public/images/disponibilidad/m1.jpg'}" width="62" height="680" alt=""></td>
  <td height="107" colspan="12"><img src="@{'/public/images/disponibilidad/m2.jpg'}" width="656" height="107" alt=""></td>
  <td width="57" rowspan="5" valign="top"><img src="@{'/public/images/disponibilidad/m3.jpg'}" width="57" height="680" alt=""></td>
</tr>
<tr>
  <td width="118" height="35"><a href="#"
				onMouseOver="window.status='home'; changeImages('home', "@{'/public/images/disponibilidad/home-over.jpg'}"); return true;"
				onMouseOut="window.status=''; changeImages('home', "@{'/public/images/disponibilidad/home.jpg'}"); return true;"
				onMouseDown="changeImages('home', "@{'/public/images/disponibilidad/home-over.jpg'}" ); return true;"
				onMouseUp="changeImages('home', "@{'/public/images/disponibilidad/home-over.jpg'}" ); return true;"> <img name="home" src="@{'/public/images/disponibilidad/home.jpg'}" width="118" height="35" border="0" alt="home"></a></td>
  <td colspan="2"><a href="#"
				onMouseOver="window.status='about us'; changeImages('about_us', 'images/disponibilidad/jd-perfil-over.jpg'); return true;"
				onMouseOut="window.status=''; changeImages('about_us', 'images/disponibilidad/jd-perfil.jpg'); return true;"
				onMouseDown="changeImages('about_us', 'images/disponibilidad/jd-perfil.jpg'); return true;"
				onMouseUp="changeImages('about_us', "@{'/public/images/disponibilidad/jd-perfil.jpg'}"  ); return true;"> <img name="about_us" src="@{'/public/images/disponibilidad/jd-perfil.jpg'}" width="110" height="35" border="0" alt="about us"></a></td>
  <td colspan="3"><a href="#"
				onMouseOver="window.status='tours'; changeImages('tours', 'images/disponibilidad/jd-docentes-over.jpg'); return true;"
				onMouseOut="window.status=''; changeImages('tours', 'images/disponibilidad/jd-docentes.jpg'); return true;"
				onMouseDown="changeImages('tours', 'images/disponibilidad/jd-docentes-over.jpg'); return true;"
				onMouseUp="changeImages('tours', "@{'/public/images/disponibilidad/jd-docentes-over.jpg'}"); return true;"> <img name="tours" src="@{'/public/images/disponibilidad/jd-docentes.jpg'}" width="193" height="35" border="0" alt="tours"></a></td>
  <td colspan="6"><a href="#"
				onMouseOver="window.status='support'; changeImages('support', 'images/disponibilidad/jd-config-over.jpg'); return true;"
				onMouseOut="window.status=''; changeImages('support', 'images/disponibilidad/jd-config.jpg'); return true;"
				onMouseDown="changeImages('support', "@{'/public/images/disponibilidad/jd-config-over.jpg'}"); return true;"
				onMouseUp="changeImages('support', "@{'/public/images/disponibilidad/jd-config.jpg'}"); return true;"> <img name="support" src="@{'/public/images/disponibilidad/jd-config.jpg'}" width="" height="35" border="0" alt="support"></a></td>
  </tr>
<tr>
  <td colspan="12" bgcolor="#729D32" align="center">
      <form class="formulario" action="@{AperturaCiclo.actualizarSemestre()}" method="POST">
            <table width="450" border="0" align="center" class="text4" bgcolor="#0099FF">
            <tr>
                <td colspan="7" align="center" bgcolor="#FF0000" >FECHA DE INICIO Y FIN DEL CICLO ACAD&Eacute;MICO</td>    
            </tr>
                <tr>
                    
                    <td colspan="2" >&nbsp;</td>
                    <td width="69">NOMBRE :</td>
                    <td colspan="2" ><input type="text"  name="semestre.sem_vcNombre" value="${semestre.getSem_vcNombre()}"/></td>
                    <td colspan="2" align="center" >&nbsp;</td>
                </tr>
                <tr>
                    
                    <td colspan="2" >&nbsp;</td>
                    <td width="69">INICIO :</td>
                    <td colspan="2" ><input type="text" class="fecha" name="semestre.sem_datFechaInicio" value="${semestre.getInicio()}"/></td>
                    <td colspan="2" align="center" >&nbsp;</td>
                </tr>
                <tr>
                <td colspan="2" align="center" >&nbsp;</td>
                <td  >FINALIZA :</td>
                <td colspan="2" ><input type="text"  class="fecha" name="semestre.sem_datFechaFin" value="${semestre.getFin()}"/></td>
                <td colspan="2" align="center" >&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="7" align="center">
                        <input type="hidden" name="id" value="${semestre.getId()}"/>
                        <span>${mensaje}</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="7" align="center" ><input type="button" onclick="confirmacion('¿Esta seguro de actualizar?')" value="Actualizar"/> <input type="button" onclick="regresarIndex()" value="Regresar" /> </td>
                </tr>
 
            </table>
      </form>
<tr>
  <td height="15" colspan="8" align="center" valign="middle" bgcolor="#0099FF" class="text2">Copyright &copy; ISW | Universidad Nacional Mayor de San Marcos</td>
 </tr>

</table>

</div>
